.h-150 {
  height: 9.375rem;
}

.h-105 {
  height: 6.5625rem;
}

.h-50 {
  height: 3.125rem;
}



.flex {
  display: flex;
}

.flex-col {
  flex-direction: column;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-1 {
  flex: 1;
}

.flex-2 {
  flex: 2;
}

.flex-3 {
  flex: 3;
}

.justify-end {
  justify-content: flex-end;
}

.justify-around {
  justify-content: space-around;
}

.justify-between {
  justify-content: space-between;
}

.items-center {
  align-items: center;
}

.items-end {
  align-items: flex-end;
}

.text-center {
  text-align: center;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.w-safe {
  width: 62.5rem;
  margin: 0 auto;
}


.ml-1 {
  margin-left: 1%;
}

.ml-2 {
  margin-left: 2%;
}

.ml-3 {
  margin-left: 3%;
}

.ml-4 {
  margin-left: 4%;
}

.ml-5 {
  margin-left: 5%;
}

.ml-6 {
  margin-left: 6%;
}

.ml-7 {
  margin-left: 7%;
}

.mr-1 {
  margin-right: 1%;
}

.mr-2 {
  margin-right: 2%;
}

.mr-3 {
  margin-right: 3%;
}

.mr-4 {
  margin-right: 4%;
}

.mr-5 {
  margin-right: 5%;
}

.mr-6 {
  margin-right: 6%;
}

.mr-7 {
  margin-right: 7%;
}

.mt-1 {
  margin-top: 1%;
}

.mt-2 {
  margin-top: 2%;
}

.mt-3 {
  margin-top: 3%;
}

.mt-4 {
  margin-top: 4%;
}

.mt-5 {
  margin-top: 5%;
}

.mt-6 {
  margin-top: 6%;
}

.mt-7 {
  margin-top: 7%;
}

.mb-1 {
  margin-bottom: 1%;
}

.mb-2 {
  margin-bottom: 2%;
}

.mb-3 {
  margin-bottom: 3%;
}

.mb-4 {
  margin-bottom: 4%;
}

.mb-5 {
  margin-bottom: 5%;
}

.mb-6 {
  margin-bottom: 6%;
}

.mb-7 {
  margin-bottom: 7%;
}


.pl-1 {
  padding-left: 1%;
}

.pl-2 {
  padding-left: 2%;
}

.pl-3 {
  padding-left: 3%;
}

.pr-1 {
  padding-right: 1%;
}

.pr-2 {
  padding-right: 2%;
}

.pr-3 {
  padding-right: 3%;
}

.pt-1 {
  padding-top: 1%;
}

.pt-2 {
  padding-top: 2%;
}

.pt-3 {
  padding-top: 3%;
}

.pt-4 {
  padding-top: 4%;
}

.pb-1 {
  padding-bottom: 1%;
}

.pb-2 {
  padding-bottom: 2%;
}

.pb-3 {
  padding-bottom: 3%;
}

.font-12 {
  font-size: .75rem;
}

.font-13 {
  font-size: .8125rem;
}

.font-14 {
  font-size: .875rem;
}

.font-15 {
  font-size: .9375rem;
}

.font-16 {
  font-size: 1rem;
}

.font-17 {
  font-size: 1.0625rem;
}

.font-18 {
  font-size: 1.125rem;
}

.font-19 {
  font-size: 1.125rem;
}

.font-20 {
  font-size: 1.25rem;
}

.font-21 {
  font-size: 1.3125rem;
}

.font-22 {
  font-size: 1.375rem;
}

.font-23 {
  font-size: 1.4375rem;
}

.font-24 {
  font-size: 1.5rem;
}

.font-25 {
  font-size: 1.5625rem;
}

.font-30 {
  font-size: 1.875rem;
}

.box-b {
  box-sizing: border-box
}

.bg {
  background: #F0F0F0;
}

.bg-2C {
  background: #2C2C2C;
}

.bg-F0 {
  background: #F0F0F0;
}

.font-2C {
  color: #2C2C2C;
}

// nav
.font-657571 {
  color: #657571
}


//logo
.logo-w {
  width: 62.5rem;
}

.logo-content-w {
  width: 20.625rem;
}

.br-10 {
  border-radius: .625rem;
}

.font-fff {
  color: #fff;
}

.font-e0f1da {
  color: #e0f1da;
}

.mb-12 {
  margin-bottom: 12%;
}

.line-20 {
  line-height: 1.25rem;
}

.line-25 {
  line-height: 1.5625rem;
}

.line-50 {
  line-height: 3.125rem;
}


//content

//h3
.font-BBC4C8 {
  color: #BBC4C8;
}

.font-italic {
  font-style: italic;
}



//footer

.font-645E59 {
  color: #645E59;
}

.font-5E6F66 {
  color: #5E6F66;
}

@mixin right {
  width: 19.375rem;
  border-radius: .625rem;
  border-bottom: none;
  // background: linear-gradient(to bottom left, #DDDDDD, #E4E4E4);
  background: linear-gradient(to bottom, #DDDDDD, #E4E4E4);

}